@charset "utf-8";

@media (max-width:759px){
.line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .xb1, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xb10, .line-big .xb11, .line-big .xb12, .line-big .xl1, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xm1, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xs1, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9, .line-big .xs10, .line-big .xs11, .line-big .xs12 {width: 100%}
}
@media (min-width:1200px){.line-big{margin-right:-15px;margin-left:-15px}
.line-big .x1,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .xb1,.line-big .xb10,.line-big .xb11,.line-big .xb12,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xl1,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xm1,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xs1,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9{position:relative;padding-right:15px;padding-left:15px;min-height:1px}
}
.container_1{padding: 0 15px;}

.pro-art{margin-top: 30px;}
#pdfd{margin-top: 10px;color: #333333}
#pdfd h1{font-size: 30px;}
#pdfd h2{font-size: 16px;font-weight: bold;line-height: 23px; padding-top: 20px; padding-bottom: 15px;}
#pdfd p{color: #646464;line-height: 30px;}
#pdfd .wuliao{color: #333333}
#pdfd span{color: #f1f1f1;font-size: 18px;padding-right: 16px;}
#pdfd .icon-envelope{padding-left: 43px;}
#pdfd hr{background: #e9e9e9;height: 1px;}
#pdfd .chat{padding:5px 17px; background: #303741; color: #fff;font-size: 18px;}
#pdfd .leave{padding:5px 13px; background: #303741; color: #fff;font-size: 18px;margin-left: 30px;}
#pdfd .chat:hover, #pdfd .leave:hover{background: #fb3a4a;color: #fff !important;}


#feature{width: 100%; margin-top: 50px;padding-bottom: 25px;}
#feature h2{font-size: 24px;padding-top: 25px; padding-bottom: 23px;}
#feature>div>div>div>p{background: #fff;padding: 12px 12px 20px 12px;line-height: 28px;}
#feature>div>div>div>h4{background: #fb3a4a;padding: 10px 10px;font-size: 16px;color: #fff;font-weight: bold}
.masonry { 
    -moz-column-count:1; /* Firefox */
    -webkit-column-count:1; /* Safari 和 Chrome */
    column-count:1;
    -moz-column-gap: 2em;
    -webkit-column-gap: 2em;
    column-gap: 2em;
    width: 100%;

}
.item { 
   margin-bottom: 2em;
   -moz-page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
   break-inside: avoid;
}

@media(min-width:760px){
    .masonry { 
        -moz-column-count:1; /* Firefox */
        -webkit-column-count:1; /* Safari 和 Chrome */
        column-count:1;
        -moz-column-gap: 2em;
        -webkit-column-gap: 2em;
        column-gap: 2em;
        width: 100%;
    
    }
}

#feature>div>div>p{padding: 12px 12px 20px 12px;line-height: 28px;}
/* .fea_bg{background: #fb3a4a !important;color: #fff;} */

.work{width: 100%; margin: 0 auto;color: #000;/*background: #303741*/}
.work h4{font-size: 24px;padding-top: 25px; padding-bottom: 20px}
@media(min-width:760px){
    .work{/*background:#303741;*/ color: #000}
    .work h4{padding-top: 15px; padding-bottom: 10px}
    .work p{padding-bottom: 15px;}
}
@media(min-width:1000px){
    .work h4{padding-top: 25px; padding-bottom: 20px}
    .work p{line-height: 28px;}
}

.tech h4{font-size: 24px;padding-top: 25px; padding-bottom: 10px}
.liao {margin-top: 25px;margin-bottom: 40px;}
.liao img{float: left;}
.liao div{float: left;margin-left: 27px; width: 75%;background: #fb3a4a;border-radius: 5px;padding: 10px 15px; color: #fff;font-size: 18px;}
.liao b{font-size: 28px;}
.liao a{color: #fff}
.liao a:hover{color: #fff !important;text-decoration: underline}
@media(min-width:760px){.liao div{width: 87.5%;}}
@media(min-width:1000px){.liao div{width: 90.7%;}}
@media(min-width:1200px){.liao div{width: 92.3%;padding: 7px 15px 15px 45px;}.liao b{margin-left: 15px;}}
.project{width: 100%; margin: 0 auto;background: #f3f3f3;padding-bottom: 40px;}
.project h4{font-size: 24px;padding-top: 25px; padding-bottom: 10px;float: left;}
.project .m{float: right;padding-top: 40px;color: #fb3a4a}
.project li img{margin-top: 20px; width: 100%}
.project h3{font-size: 14px; width: 103%; text-align: center;padding: 18px;background: rgba(0, 0, 0, 0.6);color: #fff;}
.pro-case div{position: absolute;width: 97%;bottom: 0}
.project li:hover h3{background: rgba(251, 58, 74, 0.85);}
@media(min-width:760px){.pro-case div{width: 94.5%;}}
@media(min-width:1200px){.pro-case div{width: 92.5%;}}

.interest{color: #333333;margin-top: 25px;text-align: center}
.interest h2{font-size: 24px; float:left;}
.interest img{margin-top: 25px;margin-bottom: 12px}
.interest .banner .pointer{top:87%}
.interest .banner .pointer li{margin: 3px;}
.interest .banner .pointer .active{width: 10px;height: 10px;background: #ea7724;border: solid 1px #ddd;}
.banner .pager-prev, .banner .pager-next{top:45%;color: #ea7724;border: solid 1px #ea7724;}


.bread_b{height:30px;width: 100%; line-height: 30px; background: #f9f9f9;}
.bread_b div{color: #787777; padding-left: 32px !important;}
.bread_b a{padding:0 5px; color: #787777;}
.crusher{text-align: center;margin-top: 30px}
.crusher h2{font-size: 30px;float: left;margin-left: 42%}
.crusher .icon-ellipsis-h{float: right;font-size: 30px;color: #fb3a4a;padding-top: 5px}
.crusher p{width: 96%;margin: 0 auto;line-height: 28px;margin-top: 10px;}
.crusher .tit{font-size: 16px;height: 50px;line-height: 50px;}
.crusher img{width: 100%;height: auto;margin-top: 25px}
.crusher a:hover .tit{background: #fb3a4a;font-weight: bold;color: #fff;}
.auxiliary{background: #303741;margin-top: 30px;color: #fff;padding: 10px 0 20px;}
.auxiliary a{color: #fff}
.auxiliary .crusher a:hover .tit{background: none;color: #fb3a4a;font-weight: normal;}
@media (min-width:1200px){
    .crusher .xg{overflow: hidden;width: 370px;}
    .crusher img{
        cursor: pointer;
        transition: all 0.6s;}
    .crusher img:hover{transform: scale(1.2);}
.auxiliary{background-color:#30343d;}
.auxiliary .xg{overflow: hidden;width: 270px;}
.auxiliary img{
    cursor: pointer;
    transition: all 0.6s;
  }
.auxiliary img:hover{
    transform: scale(1.2);
  }
}
.bg{width: 100%;margin: 0 auto;background: #f3f3f3;margin-top: 40px;padding-top: 1px;padding-bottom: 40px;padding-top: 1px;}
.case_p{margin-top: 0;padding-top: 30px; }
.case_p img{width: 100%;height: auto;}
.case_p h3{font-size: 30px; text-align: center;margin-bottom: 25px}
.case_p .tab .tab-body{border-top:0;margin-top: 0;padding-top: 0}
.case_p .tab .tab-body-bordered{border: 0; border-radius: 0;}
.case_p .tab .tab-nav li{width: 100%; background: #fff;border-bottom: 1px solid #f3f3f3}
.case_p .tab .tab-nav li a{border: 0; border-radius: 0;font-size: 18px;padding: 26.5px 20px 26.5px 40px;}
.case_p .tab .tab-nav li i{font-size: 24px;padding: 20px 0 20px 20px;float: left;display: none}
.case_p .tab .tab-nav .active{background: #fb3a4a}
.case_p .tab .tab-nav .active i{color: #fff;display: block}
.case_p .tab .tab-nav .active a{color: #fff !important;font-weight: bold}
.crusher_list{text-align: center;margin-top: 30px}
.crusher_list h2{font-size: 30px;float: left;margin-left: 42%}
.crusher_list .icon-ellipsis-h{font-size: 30px;display: none}
.crusher_list p{width: 96%;margin: 0 auto;line-height: 28px;margin-top: 10px;}
.crusher_list .tit{font-size: 16px;height: 50px;}
.crusher_list img{width: 100%;height: auto;margin-top: 25px}
.crusher_list .pro-pos b{display: none}
@media (min-width:1200px){
    .crusher_list .tit{margin-top: 15px;}
    .crusher_list a:hover .tit{color: #333;}
    .crusher_list .pro-pos div{opacity:.9;position:absolute;width:92.5%;height:74%; margin-top: 24px; top:0;-webkit-transition:all .3s ease;transition:all .3s ease; color:#fff;}
    .crusher_list .pro-pos b{font-size:16px; font-weight:bold; margin-top:30%;}
    .crusher_list .pro-pos div:hover .icon-ellipsis-h{display: block}
    .crusher_list .pro-pos div:hover{background:rgba(251, 58, 74, 0.85);filter:alpha(opacity=85);  
          -moz-opacity:0.85;  
          -khtml-opacity: 0.85;  }
    .crusher_list .pro-pos div:hover b{display:block; }
}
.material_list{text-align: center;margin-top: 30px}
.material_list h2{font-size: 30px;float: left;margin-left: 5%}
.material_list .icon-ellipsis-h{float: right;font-size: 30px;color: #fb3a4a;padding-top: 5px}
.material_list .material img{float: left;width: 50%;}
.material_list .material{float: left;width: 100%;background: #f1f1f1;font-size: 20px;font-weight:normal;margin-top: 20px;}
.material_list .material p{padding-top: 11%;}
.material_list .material:hover{background: #fb3a4a;color: #fff}
@media (min-width:660px){
    .material_list .material p{padding-top: 15%;}   
}
@media (min-width:760px){
    .material_list .material p{padding-top: 5%;}   
}
@media (min-width:1000px){
    .material_list .material p{padding-top: 11%;} 
    .material_list h2{margin-left: 32%} 
    .material_list .material{margin-top: 30px} 
}
.solu_list{margin-top: 30px;}
.solu_list .onhover .la{background: #fb3a4a;color: #fff}
.solu_list h3{text-align: center;font-size: 30px;}
.solu_list .la{background: #f3f3f3;margin-top: 20px;font-size: 18px;text-align: center;padding-top: 7px; padding-bottom: 7px;}
.solu_list .la:hover{background: #fb3a4a;color: #fff}
.solu_list section{margin-top: 40px; height: auto;}
.solu_list section hr{height: 1px; color: #ebebeb;margin-top: 30px;margin-bottom: 30px;margin-left: 15px;margin-right: 15px;width: 96%}
.solu_list section p{color: #333;line-height: 27px;margin-bottom: 5px}
.solu_list section h2{font-size: 18px;padding-top: 20px;padding-bottom: 20px}
.solu_list section i{font-size: 34px;color: #fb3a4a}
.solu_list section:hover h2{font-weight: bold}

.tab .news-tab li a{border:none !important;border-radius:0 !important}
.tab .news-tab{margin-top:30px; height:58px; line-height:58px; font-size:18px; font-weight:bold;}
.tab .news-tab li{background:#dbdbdb;}
.tab .news-tab li:hover a{background:#fa4654; color:#fff !important}
.tab .news-tab .active a{background:#fa4654; color:#fff}
.tab .news-body{border-top:none !important;}
.new-p{font-size:16px;line-height:30px; text-align:left; margin-top:15px;}
.new-p font{color:#a6a5a5; padding-left:5px;}
.news-l{line-height:40px; margin-top:10px;font-size:16px;}
.news-l .red{color:#fa4654}
.news-l img{width:100%; height:auto; max-width:269px;}
.news-r{margin-top:10px;font-size:16px; margin-bottom:15px; line-height:30px !important;}
.news-r li{font-size:16px; height:34px;}
.news-r h1{font-weight:bold; margin-bottom:25px; font-size:24px;}
.news-r h4{font-size:15px;}
.news-r p{font-size:16px; line-height: 30px;}
.news-r article img{width: 100%;height: auto;margin-bottom: 10px;}
.news-r font{float:right}
.special-l{text-align:left; font-size:16px; margin-top:30px;}
.special-l h3{font-size:16px; font-weight:bold; margin-bottom:10px;}
.special-l img{width:100%; height:auto;margin-bottom:0;}
.special-l span{color:#fa4654;}
.video{margin-top:0px; margin-bottom:15px;}
.video p{ color:#585858;}
.video img{width:100%; height:auto; margin-bottom:10px;}
.video h1{font-weight:bold; margin-bottom:15px; padding-top: 15px; text-align: center}
.video h4{text-align: center; margin-top: -10px; margin-bottom: 12px;}
.video .tab{margin-top: 20px;}
#video img{width:90%; height:auto;}
#video{margin-top:25px; margin-bottom:24px;}
/* .tab .tab-nav li a{padding:4px 32px !important; line-height:30px !important;} */


.btn{font-size:32px; font-weight:bold;}
.hln{width:83px; height:3px; background:#fc3343; margin:0 auto; margin-top:7px;}
.new h4{padding: 5.5% 0 3% 0; font-weight:bold; height:72px;}
.new {font-size:16px;}
.new .n1{padding-top:2%}
.new .n1 img{width:100%; height:auto;curosr: pointer}
.new .n1 .n_bg{background:#fefefe; margin-top:2px;padding:0 5% 3% 5%; min-height:185px; height:auto}
.new .n2{margin-top:5.7%; padding:4% 5%; background:#fcfcfc}
.new .n2 p{margin-bottom:10px;}
.new .m{float:left; padding-top:0}